<template>
	<div class="header">
		城市选择
		<router-link to="/">
			<div class="header-back iconfont">&#xe624;</div>
		</router-link>
	</div>
</template>

<script>
	export default {
		name: 'cityHeader',
		data() {
			return {
				
			};
		}
	}
</script>

<style scoped lang="stylus">
	@import '~styles/varibles.styl'
	.header
	 overflow: hidden
	 height: $headerHeight
	 line-height: $headerHeight
	 text-align: center
	 color: #fff
	 background-color:$bgColor
	 font-size: .32rem
	 .header-back{
		 text-align: center;
		 width: .64rem;
		 position: absolute;
		 top: 0
		 color: #fff
	 }
</style>
